﻿<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>发微薄效果</title>
        <link rel="stylesheet" type="text/css" href="style/weibo.css">
        <script type="text/javascript" src="js/weibo.js"></script>
    </head>
    
    <body>
    	<div id="main" class="cl">
        	<div id="content">
                 <form action="http://www.w3cfuns.com/" method="post">
                    <h2>来 , 说说你在做什么 , 想什么</h2>
                    <div>
                        <input id="userName" class="inps" value=""/>
                        <p id="avatars">
                            <img src="images/avatar/1.jpg" class="current"/>
                            <img src="images/avatar/2.jpg"/>
                            <img src="images/avatar/3.jpg"/>
                            <img src="images/avatar/4.jpg"/>
                            <img src="images/avatar/5.jpg"/>
                            <img src="images/avatar/6.jpg"/>
                            <img src="images/avatar/7.jpg"/>
                            <img src="images/avatar/8.jpg"/>
                         </p>
                    </div>
                    <div><textarea id="conBox" class="inps"></textarea></div>
                    <div class="tr">
                        <p>
                            <span class="countTxt">还能输入</span><strong class="maxNum">140</strong><span>个字</span>
                            <input id="sendBtn" type="submit" value="" title="快捷键 Ctrl+Enter" />
                        </p>
                    </div>
                </form>
                <div class="list">
                    <h3><span>大家在说</span></h3>
                    <ul>
                        <li class="cl">
                            <div class="userPic"><img src="images/avatar/6.jpg" /></div>
                            <div class="content">
                                <div class="userName"><a href="javascript:;">lisa</a>:</div>
                                <div class="msgInfo">本人大四准毕业生，大学期间年少无知只顾玩乐，专业知识没学多少，现在自学php在家公司实习，学着学着感觉自己对后台的一些逻辑思维理解不来，现在在犹豫是否要转入前端的行列，深深苦恼，望各位前辈指导指导！</div>
                                <div class="times"><span>04月0日 14:14</span><a class="del" href="javascript:;">删除</a></div>
                            </div>
                        </li>
                        <li class="cl">
                            <div class="userPic"><img src="images/avatar/3.jpg" /></div>
                            <div class="content">
                                <div class="userName"><a href="javascript:;">萨菲罗斯</a>:</div>
                                <div class="msgInfo">移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。</div>
                                <div class="times"><span>03月05日 13:14</span><a class="del" href="javascript:;">删除</a></div>
                            </div>
                        </li>
                        <li class="cl">
                            <div class="userPic"><img src="images/avatar/4.jpg" /></div>
                            <div class="content">
                                <div class="userName"><a href="javascript:;">杰西</a>:</div>
                                <div class="msgInfo">调查一下大家都用什么编辑器，最多填写两项，即常用的和辅助的，当然，也可以只有一项，比如我：只用Notepad++。</div>
                                <div class="times"><span>02月05日 12:14</span><a class="del" href="javascript:;">删除</a></div>
                            </div>
                        </li>
                        <li class="cl">
                            <div class="userPic"><img src="images/avatar/1.jpg" /></div>
                            <div class="content">
                                <div class="userName"><a href="javascript:;">W3Cfuns</a>:</div>
                                <div class="msgInfo">前端开发网——web前端开发起飞区，Web前端开发高手聚集地，教程、资源完全免费！</div>
                                <div class="times"><span>01月05日 11:14</span><a class="del" href="javascript:;">删除</a></div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="sideBar"></div>
        </div>
    </body>
</html>